Dodaj pływający przycisk polecenia

Wypróbuj sposób tworzenia wiadomości
Jetpack Compose to zalecany zestaw narzędzi UI na Androida. Dowiedz się, jak dodawać komponenty w sekcji Tworzenie.
Pływający przycisk polecenia →

Pływający przycisk polecenia to okrągły przycisk, który uruchamia główny czynności w interfejsie aplikacji. Na tej stronie dowiesz się, jak dodać przycisk szybkiego działania do układu, dostosować jego wygląd i zareagować na jego kliknięcia.

Więcej informacji o zaprojektowaniu pływającego przycisku polecenia do wyświetlenia w aplikacji zgodnie z wytycznymi Material Design zapoznaj się też z artykułem Buttons: Floating Action Button (Przyciski: pływający przycisk działania).

Rysunek 1. Pływający przycisk polecenia

Dodawanie pływającego przycisku polecenia do układu

Ten kod pokazuje, jak element FloatingActionButton powinien wyglądać w pliku układu: 

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Domyślnie przycisk FAB ma kolor określony przez atrybut colorAccent, który możesz spersonalizować za pomocą palety kolorów motywu.

Inne właściwości FAB możesz konfigurować za pomocą atrybutów XML lub odpowiednich metod, takich jak:

  • Rozmiar przycisku FAB, który można określić za pomocą atrybutu app:fabSize lub metody setSize().
  • Kolor echa przycisku PPP w atrybucie app:rippleColor lub Metoda setRippleColor().
  • Ikona przycisku PPP z atrybutem android:src lub atrybutem Metoda setImageDrawable().

Reaguj na kliknięcia przycisku

Następnie możesz zastosować View.OnClickListener do obsługi przycisku PPP. kliknięcia. Na przykład ten kod wyświetla Snackbar, gdy użytkownik kliknie przycisk FAB:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

Więcej informacji o możliwościach przycisku FAB znajdziesz w dokumentacji API: FloatingActionButton.